* { font-size: 16px; color: #333333; font-family: "Microsoft YaHei", Tahoma, Arial, Helvetica, sans-serif; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; list-style-type: none; box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, pre { margin: 0; padding: 0; }
h1, h2, h3, h4 { font-size: 18px; font-family: "Microsoft YaHei", Tahoma, Arial, Helvetica, sans-serif; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
ul { list-style: none; padding: 0; margin: 0; }
img { border: 0 none; vertical-align: top; }
.content img, .detail img { max-width: 100%; }
.container { width: 1200px; margin: 0 auto; }
/* top */
.topbox { height: 30px; background: #333333; }
.welcome { font-size: 14px; color: white; float: left; line-height: 30px; }
.top-nav { float: right; color: white; font-size: 0; }
.top-nav li { height: 14px; display: inline-block; padding: 0 16px; border-right: 1px solid rgba(255,255,255,0.3); margin: 8px 0; font-size: 0; }
.top-nav a { font-size: 14px; color: white; line-height: 14px; }
.top-nav li:last-child { border-right: none; }
.top-nav a:hover { text-decoration: underline; }
/* header */
.header { height: 120px; }
.header .container { border-bottom: 1px solid #e6e6e6; }
.header .container:after { content: ""; height: 0; display: block; visibility: hidden; clear: both; }
.logo { width: 450px; height: 120px; overflow: hidden; float: left; }
/* menu */
.menu { height: 120px; display: flex; justify-content: center; z-index: 999; }
.menu * { box-sizing: border-box; }
.menu .ul-list { width: 750px; display: flex; }
.ul-list-li { height: 120px; flex: 1; position: relative; }
.ul-list-a { display: block; width: 100%; height: 120px; text-align: center; padding-top: 40px; }
.ul-list-a span { display: block; margin-bottom: 8px; }
.ul-list-a p { font-size: 12px; text-transform: uppercase; color: rgba(51,51,51,0.6); }
.ul-list-a:hover { background: #2e8de7; }
.ul-list-li:hover .ol-list { display: block; }
.menu .ol-list { display: none; position: absolute; top: 120px; left: 0; z-index: 999; background: rgba(255,255,255,0.9); width: 100%; overflow: hidden; }
.menu .ol-list > li > a { text-decoration: none; height: 40px; display: flex; align-items: center; border-bottom: 1px solid #ebebeb; justify-content: center; font-size: 14px; text-align: center; }
.menu .ol-list > li > a:hover { color: white; background: #2e8de7; }
.ul-list-li:hover { color: white; background: #2e8de7; }
.ul-list-li:hover .ul-list-a span { color: white; }
.ul-list-li:hover .ul-list-a p { color: rgba(255,255,255,0.6); }
.ul-list .active { background: #2e8de7; }
.ul-list .active .ul-list-a span { color: white; }
.ul-list .active .ul-list-a p { color: rgba(255,255,255,0.6); }
/* bar */
.bar { height: 130px; background: #f5f5f5; }
.bar-tel { width: 370px; height: 130px; padding: 35px 0 0 60px; position: relative; float: left; }
.bar-tel p { color: #666666; }
.bar-tel span { display: block; font-size: 30px; font-weight: bold; color: #2e8de7; font-style: italic; line-height: 1.8em; }
.bar-tel:before { content: ""; display: block; width: 40px; height: 40px; background: url(../image/bartel.png) center no-repeat; position: absolute; top: 45px; left: 0; }
.bar-center { width: 530px; height: 130px; float: left; padding: 30px 45px; }
.bar-center p { font-size: 0; }
.bar-center p label { font-weight: bold; }
.bar-center p a { font-size: 14px; color: #666666; font-weight: normal; margin-right: 15px; }
.search { width: 440px; height: 40px; position: relative; margin: 15px 0; }
.search-input { width: 420px; height: 40px; border: 1px solid #d9d9d9; border-radius: 40px; outline: none; padding: 0 70px 0 15px; font-size: 14px; }
input::-webkit-input-placeholder { /*WebKit browsers*/
 color: #999999;
}
.search-submit { width: 80px; height: 40px; position: absolute; right: 0; top: 0; cursor: pointer; outline: none; border: none; font-size: 14px; background: url(../image/so.png) center no-repeat; color: white; }
.ewm { width: 300px; height: 130px; float: right; text-align: right; }
.ewm i { display: inline-block; width: 120px; height: 95px; margin: 17px 0 0 20px; }
.ewm i img { width: 95px; height: 95px; display: block; float: left; }
.ewm i h3 { font-size: 14px; font-weight: normal; font-style: normal; float: right; width: 16px; height: 95px; line-height: 1em; display: flex; align-items: center; }
/* product */
.product { padding-bottom: 50px; }
.title { padding: 50px 0; text-align: center; }
.title h1 { font-size: 36px; color: #2e8de7; line-height: 1.6em; }
.title h2 { font-weight: lighter; text-transform: uppercase; line-height: 2em; position: relative; }
.title h2:before { content: ""; display: block; width: 484px; height: 7px; background: url(../image/title1.png) center no-repeat; position: absolute; left: 0; top: 15px; }
.title h2:after { content: ""; display: block; width: 484px; height: 7px; background: url(../image/title2.png) center no-repeat; position: absolute; right: 0; top: 15px; }
.category { text-align: center; font-size: 0; margin: -25px -25px 0 0; }
.category li { display: inline-block; width: 150px; height: 45px; line-height: 45px; margin: 25px 25px 0 0; }
.category li a { display: block; width: 150px; height: 45px; background: #e3f0ff; }
.category .current a { background: #2e8de7; color: white; }
.category li a:hover, .category li a.hover { color: white; background: #2e8de7; }
.pro-list { margin: 30px -20px 50px 0; }
.pro-list:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.pro-list li { width: 285px; height: 244px; position: relative; float: left; margin: 20px 20px 0 0; }
.pro-list li .list-img { width: 285px; height: 244px; overflow: hidden; }
.pro-list li .list-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; }
.pro-list li .list-name { font-size: 16px; width: 285px; height: 40px; background: rgba(30,30,30,0.7); line-height: 40px; text-align: center; color: white; font-weight: normal; position: absolute; left: 0; bottom: 0; }
.pro-list li:hover .list-img img { transform: scale(1.1); }
.more { text-align: center; }
.more a { display: inline-block; width: 186px; height: 50px; font-weight: bold; color: #2e8de7; line-height: 50px; background: url(../image/more.png) center no-repeat; position: relative; z-index: 5; }
.more a:before { content: ""; display: block; width: 0; height: 0; background: #e3f0ff; border-radius: 50%; position: absolute; top: 25px; left: 93px; z-index: -1; transition: all 0.3s ease-in-out; }
.more a:hover:before { width: 70px; height: 70px; top: -10px; left: 58px; }
/* case */
.case { background: #f5f5f5 url(../image/gray.jpg) center no-repeat; background-size: cover; padding-bottom: 50px; }
.case .title { height: 230px; background: url(../image/casetitle.png) center repeat-x; }
.case .title h1, .case .title h2 { color: white; }
.case .title h2:before, .case .title h2:after { display: none; }
.case-list { margin: 30px -30px 50px 0; }
.case-list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.case-list li { width: 380px; height: 375px; background: white; padding: 10px; transition: all 0.3s ease-in-out; float: left; margin: 30px 30px 0 0; }
.case-list li .list-img { width: 360px; height: 308px; overflow: hidden; }
.case-list li .list-img img { width: 100%; height: 100%; object-fit: cover; }
.case-list li .list-name { height: 60px; line-height: 60px; text-align: center; }
.case-list li:hover { background: #2e8de7; }
.case-list li:hover .list-name { color: white; }
/* about */
.about { padding-bottom: 50px; }
.about-num { height: 260px; background: #2e8de7 url(../image/num.jpg) center no-repeat; background-size: cover; }
.about-num ul { width: 1200px; height: 180px; margin: 0 auto; display: flex; align-items: center; }
.about-num ul li { width: 300px; color: white; text-align: center; overflow: hidden; }
.about-num ul li i { font-size: 70px; color: white; font-weight: lighter; margin-right: 10px; }
.about .container { height: 490px; background: #e3f0ff; margin-top: -80px; padding: 80px 20px; }
.about-con { width: 635px; float: left; }
.about .title h2:before, .about .title h2:after { display: none; }
.about .title { text-align: left; position: relative; height: 55px; padding: 0; }
.about .title h1 { font-size: 28px; color: #333333; display: inline-block; height: 36px; line-height: 36px; vertical-align: top; margin-right: 16px; }
.about .title h2 { font-size: 36px; font-weight: bold; color: rgba(46,141,231,0.3); display: inline-block; height: 36px; line-height: 36px; }
.about .title:after { content: ""; display: block; width: 53px; height: 1px; background: #2e8de7; position: absolute; bottom: 0; left: 0; }
.about-con .ab-desc { margin: 20px 0; line-height: 2em; color: #666666; }
.about-con .more1 { display: block; width: 150px; height: 40px; border-radius: 40px; }
.about-con .more1 a { display: block; width: 150px; height: 40px; border-radius: 40px; background: #2e8de7; text-align: center; line-height: 40px; color: white; font-size: 14px; }
.about-con .more1 a img { margin: 13px 0 0 15px; transition: all 0.3s ease-in-out; }
.about-con .more1 a:hover img { transform: translateX(10px); }
.about-img { width: 500px; height: 330px; float: right; }
.about-img img { width: 500px; height: 330px; }
/* photo */
.photo { padding-bottom: 50px; }
.scrollleft { margin: 0 auto 50px; }
.scrollleft li { float: left; margin-right: 20px; display: inline-block; width: 285px; text-align: center; box-sizing: border-box; }
.photo-list li { width: 285px; height: 244px; background: #1e1e1e; position: relative; }
.photo-list li a { display: block; z-index: 555; }
.photo-list li .list-img { width: 285px; height: 244px; overflow: hidden; }
.photo-list li .list-img img { width: 100%; height: 100%; object-fit: cover; }
.photo-list li .list-name { width: 285px; height: 50px; position: absolute; top: 80px; left: 0; line-height: 50px; color: white; visibility: hidden; }
.photo-list li:hover .list-name { visibility: visible; }
.photo-list li:hover .list-img img { opacity: 0.4; }
.photo-list li span { display: block; width: 111px; height: 30px; border-radius: 30px; background: #2e8de7; position: absolute; top: 130px; left: 87px; line-height: 30px; font-size: 14px; color: white; visibility: hidden; }
.photo-list li:hover span { visibility: visible; }
/* reason */
.reason { background: url(../image/reasonbg.jpg) center no-repeat; background-size: cover; padding-bottom: 100px; }
.reason .title h1 { color: white; font-size: 42px; font-weight: normal; margin: 10px 0 18px; }
.reason .title h2 { margin-top: 20px; color: white; }
.reason .title h2:before, .reason .title h2:after { display: none; }
.reason .title h3 { color: white; font-weight: normal; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; margin: 0 auto; position: relative; padding: 0 25px; }
.reason .title h3:before { content: ""; display: block; width: 30px; height: 1px; background: white; position: absolute; left: -30px; top: 12px; }
.reason .title h3:after { content: ""; display: block; width: 30px; height: 1px; background: white; position: absolute; right: -30px; top: 12px; }
.reason-list { margin: 20px -20px 0 0; height: 420px; }
.reason-list li { width: 285px; height: 420px; background: url(../image/reason.png) center no-repeat; padding: 20px; position: relative; z-index: 0; float: left; margin-right: 20px; }
.reason-list li i { display: block; width: 70px; height: 70px; border: 2px solid #2e8de7; border-radius: 50%; margin: 20px auto 15px; padding: 16px; }
.reason-list li i img { width: 36px; height: 36px; }
.reason-list li h2 { font-size: 30px; font-weight: normal; text-align: center; }
.reason-list li span { display: block; width: 245px; height: 30px; background: #2e8de7 url(../image/line.png) center no-repeat; font-size: 18px; color: white; line-height: 30px; text-align: center; position: relative; margin: 16px 0; padding: 0 60px; }
.reason-list li span:after { content: ""; display: block; width: 245px; height: 30px; background: white; position: absolute; right: -5px; bottom: -5px; z-index: -1; }
.reason-list li p { color: #666666; line-height: 1.8em; }
/* news */
.news { padding-bottom: 50px; }
.news-list { margin: -40px -50px 50px 0; }
.news-list:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.news-list li { width: 575px; height: 150px; float: left; margin: 40px 50px 0 0; }
.news-img { width: 220px; height: 150px; float: left; overflow: hidden; }
.news-img img { width: 220px; height: 150px; transition: all 0.3s ease-in-out; }
.news-img img:hover { transform: scale(1.1); }
.news-con { width: 325px; height: 150px; float: right; }
.news-con h1 { line-height: 4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-con h1 a { font-size: 18px; font-weight: normal; }
.news-con h1 a:hover { color: #2e8de7; }
.news-con h1:after { content: ""; display: block; width: 50px; height: 1px; background: #2e8de7; }
.news-con p { font-size: 14px; color: #666666; line-height: 2em; margin-top: 20px; }
/*link*/
.link { height: 60px; background: #2e8de7; line-height: 60px; }
.link span { color: white; font-size: 18px; font-weight: bold; padding-left: 72px; position: relative; }
.link span:before { content: ""; display: block; width: 59px; height: 22px; background: url(../image/links.png) center no-repeat; position: absolute; left: 0; top: 0; }
.link a { color: white; margin-left: 25px; }
.link a:hover { text-decoration: underline; }
/*footer*/
.footer { height: 350px; background: #333333 url(../image/footer.jpg) center no-repeat; background-size: cover; }
.footer-up { height: 250px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-top: 67px; }
.footer-logo { width: 350px; height: 115px; border-right: 1px solid rgba(255,255,255,0.3); padding-top: 10px; float: left; }
.footer-logo i { display: block; }
.footer-logo h3 { font-size: 14px; color: rgba(255,255,255,0.5); font-weight: normal; margin: 25px 0; }
.footer-tel { width: 500px; height: 115px; border-right: 1px solid rgba(255,255,255,0.3); float: left; padding: 0 60px; }
.footer-tel h3 { color: white; font-size: 24px; font-weight: normal; margin: -10px 0 10px 0; }
.footer-tel p { font-size: 14px; color: rgba(255,255,255,0.5); line-height: 1.7em; margin: 15px 0; position: relative; padding-left: 25px; }
.footer-tel p:before { content: ""; display: block; width: 16px; height: 16px; position: absolute; left: 0; top: 3px; }
.footer-tel p:nth-child(2):before { background: url(../image/fico1.png) center no-repeat; }
.footer-tel p:nth-child(3):before { background: url(../image/fico2.png) center no-repeat; }
.footer-tel p:nth-child(4):before { background: url(../image/fico3.png) center no-repeat; }
.footer-ewm { width: 350px; height: 115px; float: right; padding: 0; text-align: right; }
.footer-ewm i { display: inline-block; width: 110px; height: 130px; margin: 0 0 0 50px; }
.footer-ewm i img { width: 110px; height: 110px; display: block; }
.footer-ewm i span { display: block; font-size: 14px; color: rgba(255,255,255,0.5); font-style: normal; text-align: center; line-height: 2.5em; }
.copyright { height: 50px; text-align: center; line-height: 50px; }
.copyright span { font-size: 14px; color: rgba(255,255,255,0.5); margin-right: 25px; }
.copyright span a { font-size: 14px; color: rgba(255,255,255,0.5); }
.copyright span a:hover { color: #fff; }
.foot_keywords p{ font-size: 12px; color: rgba(255,255,255,0.5); text-align:center; }
.foot_keywords a { font-size: 12px; color: rgba(255,255,255,0.5); }
.foot_keywords a:hover { color: #fff;  }
/* right */
.right_nav { right: 0; bottom: 35%; position: fixed; text-align: left; overflow: hidden; z-index: 999; }
.right_nav li { background: #e3f0ff; margin: 4px 0; padding: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; position: relative; right: -70px; }
.right_nav li .iconBox { text-align: center; overflow: hidden; display: flex; align-items: center; justify-content: space-between }
.right_nav li img { width: 30px; height: 30px; }
.right_nav li h4 { color: #333333; font-size: 14px; margin: 2px 0 2px 15px; }
.right_nav li:hover { background: #b8d9fe; }
.right_nav li .hideBox { display: none; position: absolute; right: 120px; padding: 10px 15px 10px 10px; top: -10px; z-index: 999; }
.right_nav li .hideBox .hb { right: 120px; text-align: center; border: 1px solid #ccc; background-color: #fff; padding: 10px 30px; border-radius: 4px; }
.right_nav li .hideBox .hb h5 { width: 150px; margin: 0 auto; padding: 5px; border-bottom: 1px solid #e6e6e6; color: #333; font-size: 16px; display: block; white-space: nowrap; line-height: 1.5em }
.right_nav li .hideBox .hb p { margin-top: 5px; font-size: 18px; font-weight: bold; color: #2e8de7; }
.right_nav li:nth-child(3) .hideBox img { width: 150px; height: 150px; margin-top: 10px; }
/* in-banner */
.in-banner { height: 250px; padding-top: 30px; }
.in-banner .title h2:before, .in-banner .title h2:after { display: none; }
/* crumb */
.crumb { height: 60px; border-bottom: 1px solid #dddddd; line-height: 60px; }
.crumb .container { font-size: 14px; color: #999999; }
.crumb img { margin: 20px 5px 0 0; }
.crumb a { color: #999999; font-size: 14px; }
.crumb a:hover { color: #2e8de7; }
/* inner */
.inner { padding: 30px 0 50px; }
.in-category { float: none; clear: both; text-align: center; }
/* page */
.page { width: 1200px; margin: 0 auto; clear: both; text-align: center; font-size: 0; }
.page a, .page span { display: inline-block; height: 35px; background: white; font-size: 14px; padding: 0 14px; line-height: 33px; margin: 2px; border: 1px solid #d9d9d9; border-radius: 3px; }
.page .p-active, .page a:hover, .page span.current { background: #2e8de7; color: white; border-color: #2e8de7; }
/* content */
.content { padding: 30px 0; }
/* in-news-list */
.in-news-list { margin: 50px 0 20px; }
.in-news-list li { height: 180px; margin-top: 30px; }
.in-news-list .news-con { width: 950px; }
.in-news-list .news-con .news-title { height: 60px; border-bottom: 1px solid #2e8de7; line-height: 60px; }
.in-news-list .news-con .news-title span { display: inline-block; float: right; color: #666666; }
.in-news-list .news-con .news-title a { white-space: nowrap; max-width: 830px; overflow: hidden; text-overflow: ellipsis; font-size: 18px; display: inline-block; line-height: 18px; }
.in-news-list .news-con .news-title a:hover { color: #2e8de7; font-weight: bold; }
/* map */
.map { margin-top: 30px; }
#allmap { overflow: hidden; width: 100%; height: 390px; }
#result { width: 100%; font-size: 12px; }
.BMapLib_bubble_content { color: #191919; }
.BMapLib_bubble_content p { color: #666; margin: 2px 0; line-height: 18px; font-size: 12px; }
.BMapLib_nav_tab li { font-size: 12px; }
.BMapLib_SearchInfoWindow .iw_bt { font-size: 12px; }
.BMap_cpyCtrl span { font-size: 12px; }
.BMapLib_SearchInfoWindow input { outline: none; }
#BMapLib_search_text0 { height: 24px; line-height: 24px; }
/* detail */
.in-title { text-align: center; margin: 20px 0; font-size: 24px; }
.in-time { font-size: 12px; color: #b0b0b0; text-align: center; line-height: 50px; border-bottom: 1px dashed #d9d9d9; }
.detail { padding: 30px 0; }
.detail-next { overflow: hidden; margin: 40px 0; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; padding: 10px 0; line-height: 30px; }
.detail-next a { max-width: 45%; font-size: 14px; display: inline-block; color: #888888; }
.detail-next a:hover { color: #2e8de7; }
.detail-next a:nth-child(1) { float: left; }
.detail-next a:nth-child(2) { float: right; }